<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2018/12/22
  Time: 13:39
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jstl/fmt_rt" prefix="fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>学生列表</title>
    <link rel="stylesheet" href="/css/iziModal.min.css">
    <style>
        body {
            margin: 0;
        }

        h2 {
            text-align: center;
            width: 1000px;
            margin: auto;
            padding-top: 40px;
            padding-bottom: 40px;
        }

        h2 > a {
            float: right;
            font-size: 13px;
        }

        table {
            margin: auto;
            border-collapse: collapse;
        }

        th,td {
            border: 1px solid black;
            padding: 0px 10px;
            text-align: center;
        }
        button{
            width: 63px;
            text-align: center;
            float: left;
            margin-left: 664px;
            margin-top: 51px;
        }
        #next{
            margin-left: 466px;
        }
        .iziModal-content > button{
            margin-left: 0px;
            margin-top: 10px;
            height: 35px;
            border: none;
            background: blue;
            border-radius: 8px;
            color: white;
            background: linear-gradient(to top right, red, #62ff00);
            outline: none;
        }
        .iziModal-content > button:nth-child(2){
            margin-left: 73px;
        }
    </style>
</head>
<body>

<p>欢迎用户:${User.username}</p>
<h2>学生列表 <a href="/student/toAddStudentPage">添加学生</a></h2>

<div id="modal">
    <button id="button_a">是</button>
    <button id="button_b">否</button>
</div>
<table id="table">
    <tr>
        <th>编号</th>
        <th>姓名</th>
        <th>性别</th>
        <th>年龄</th>
        <th>年级</th>
        <th>自我介绍</th>
        <th>操作</th>
    </tr>
</table>

<button id="previous">上一页</button>
<button id="next">下一页</button>
</body>
<script type="text/javascript" charset="utf-8" src="/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript"  src="/js/iziModal.min.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/student.js"></script>
</html>
